<template>
    <div class="device">
        <LoginHeader>
        <i class="el-icon-arrow-left" slot="i" @click="goback"></i>
        <span slot="title"><strong>设备详情</strong>
        </span>
        <span slot="more">
        </span>
        </LoginHeader>
        <el-divider></el-divider>
        <img src="@/assets/njrpic/firstpic/pic_device_x5.png" alt="">
        <table>
                <tr>
                    <td>型号</td>
                    <td>：</td>
                    <td>X5</td>
                </tr>
                <tr>
                    <td>额定电压</td>
                    <td>：</td>
                    <td>3.7V</td>
                </tr>
                 <tr>
                    <td>工作功率</td>
                    <td>：</td>

                    <td>2W</td>
                </tr>
                 <tr>
                    <td>防水等级</td>
                    <td>：</td>

                    <td>IPX7</td>
                </tr>
                 <tr>
                    <td>执行标准</td>
                    <td>：</td>

                    <td>GB4706.1-2005</td>
                </tr>
                 <tr>
                    <td> </td>
                    <td></td>
                    <td>GB4706.59-2008</td>
                </tr>
                <tr>
                    <td> 产地</td>
                    <td>：</td>

                    <td>中国</td>
                </tr>
        </table>
        <el-button @click="cancelbind">解除绑定</el-button>
        <p>当前固件：v1.05</p>
    </div>
</template>
<script>
import LoginHeader from '@/components/njrcomponents/login_header.vue'
export default {
    data(){
        return{}
    },
    components:{
        LoginHeader
    },
    methods:{
        goback(){
            this.$router.go(-1)
        },
        cancelbind(){
            this.$store.commit('getBindon',false)
            this.$router.go(-1)
            console.log(this.$store.state.bindon);
        }
    }
}
</script>
<style lang="less" scoped>
.device{
    text-align: center;
    img{
        width:60%;
    }
    table{
        transform: translateX(20%);
    margin: 0 auto; 
    tr>td:nth-of-type(3){
        text-align: left;
    }
    tr>td:nth-of-type(1){
       text-align-last:justify
    }
    }
    .el-button{
        margin: 80px 0;
        padding: 20px 30px;
        width: 45%;
        border-radius: 35px;
        border:1px solid #947bc2;
        color: #947bc2;
    }
   p{
       color: #c2c2c2;
   }
}
</style>